<template>
	<view class="body">
		<view class="fixedbox">
			<image class="bg" src="http://img.curiousmore.com/tmp/wx2f4eaeb7b745ba4e.o6zAJs2bel8UMMafp-gtnT7OfHzo.4nyXYq1BO6Rbec63efdf2bdf7bfb6d2b08f10cd45c42.png" mode=""></image>
			<view class="head">
				<view class="head_left1" @tap="back()">
					<image src="../../../static/wode/return1.png" mode=""></image>
					<text>返回</text>
				</view>
				<text @tap="toRedList">红包记录</text>
			</view>
			<view class="content_box">
				<view class="people_box">
					<view class="head_box">
						<image :src="head" mode=""></image>
						<text class="text1">{{name}}的红包</text>
					</view>
					<text>{{remarks}}</text>
				</view>
				<image class="jinbi" src="../../../static/jingyou/bigGold.png" mode=""></image>
				<text class="text3">{{num}}猫币</text>
			</view>
		</view>
		<view class="myMoney">
			已存到<text class="text2" @tap="toMyMoney">我的猫币>></text>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
			name:'',
			remarks:'',
			num:'',
			head:'',
			}
		},
		onLoad(option) {
			this.name=option.name
			this.remarks=option.remarks
			this.num=option.num
			this.head=option.head
		},
		methods: {
			toMyMoney(){
				uni.navigateTo({
					url:'/pages/My/myMoney/myMoney'
				})
			},
			toRedList(){
				uni.navigateTo({
					url:'/pages/My/redList/redList'
				})
			},
			back(){
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style scoped>
	
	.body{
		background: #FFFFFF;
		height: 100%;
	}
.fixedbox {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		/* z-index: 999; */
	}

	.bg {
		height: 875upx;
		width: 101%;
		position: absolute;
		left: 0;
	}

	.head {
		display: flex;
		position: absolute;
		top: 72upx;
		align-items: center;
		justify-content: space-between;
		padding: 0 24upx;
		width: 100%;
		color: #FDC98F;
		box-sizing: border-box;
		font-size: 32upx;
	}

	.head_left1 {
		display: flex;
		align-items: center;
	}

	.head_left1 image {
		width: 20upx;
		height: 36upx;
		margin-right: 10upx;
	}
	.people_box{
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #FFDDA2;
		font-size: 32upx;
	}
	.head_box{
		display: flex;
		align-items: center;
		margin-bottom: 50upx;
	}
	.jinbi{
		width: 85upx;
		height: 85upx;
		margin-top: 125upx;
		margin-bottom: 30upx;
	}
	.text3{
		color: #FDC98F;
		font-size: 100upx;
	}
	.content_box{
		width: 600upx;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		top: 186upx;
		left: 75upx;
	}
	.head_box image{
		width: 68upx;
		height: 68upx;
		overflow: hidden;
		border-radius: 50%;
		margin-right: 16upx;
	}
	.text1{
		font-size: 36upx;
		font-weight: blod;
	}
	.myMoney{
		color: #999999;
		font-size: 32upx;
		position: absolute;
		bottom: 250upx;
		left: 246upx;
	}
	
	.text2{
		color: #47CFCF;
		text-decoration:underline;
	}
	
</style>
